{% extends "layouts/base.html" %}
{% load navtag %}
{% block nav %}
  {% nav "index" %}
  {{ block.super }}
{% endblock %}
{% block content %}
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-sm-6">
        <div class="single-promo promo2">
          <i class="fa fa-bar-chart"></i>
          <p>企业数据量化分析</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="single-promo promo1">
          <i class="fa fa-line-chart"></i>
          <p>精简优化企业流程</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="single-promo promo3">
          <i class="fa fa-sitemap"></i>
          <p>工作进度一步了然</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="single-promo promo4">
          <i class="fa fa-group"></i>
          <p>用数据有效管理团队</p>
        </div>
      </div>
    </div>
  </div>
  <div class="box">
    <div class="container" style="margin-top: 30px; padding: 20px;">
      <h1 style="text-align: center;">我们为您解决什么问题？</h1>
      <div class="col-md-6">
        <ul class="common-list">
          <li>
            <i class="fa fa-circle" style="color:#fb6e52;"></i>
            作为一线员工
          </li>
          <li>
            <i class="fa fa-play"></i>
            工作很努力，时间过的很快，结果却不理想，无法找到原因。
          </li>
          <li>
            <i class="fa fa-play"></i>
            团队、员工之间协作，任务进度推动缓慢。
          </li>
          <li>
            <i class="fa fa-play"></i>
            任务反复加工，又无文案记载，难以做出总结。
          </li>
          <li>
            <i class="fa fa-play">
              ··········
            </i>
          </li>
        </ul>
      </div>
      <div class="col-md-6">
        <ul class="common-list">
          <li>
            <i class="fa fa-circle" style="color:#fb6e52;"></i>
            作为管理者
          </li>
          <li>
            <i class="fa fa-play"></i>
            工作半途而废，不了了之、严重超出预估时间却无法定位问题所在。
          </li>
          <li>
            <i class="fa fa-play"></i>
            无法实时监了解项目进度与难点，难以精准push工作。
          </li>
          <li>
            <i class="fa fa-play"></i>
            工作总结为您量化分析，一目了然。
          </li>
          <li>
            <i class="fa fa-play">
              ··········
            </i>
          </li>
        </ul>
      </div>
      <div class="clearfix"></div>
      <br>
      <h1 style="text-align: center;">绩效考核新标准。</h1>
      <h1 style="text-align: center;">一切工作，用数据量化，用数据分析，用数据解决。</h1>
      <h1 style="text-align: center;">优化企业工作流程，拒绝无效工作，通过数据“看”到所有产出。</h1>
    </div>
  </div>
  <div class='container' style='margin-top: 30px;padding: 20px;'>
    <h1 style='text-align: center;'>强大的分析系统</h1>
  </div>
  <hr>
  <div class='container' style='margin-top: 30px;padding: 20px;'>
    <h1 style='text-align: center;'>多维度掌控</h1>
  </div>
  <hr>
  <div class='container' style='margin-top: 30px;padding: 20px;'>
    <h1 style='text-align: center;'>强大的消息系统,对接多渠道通知.</h1>
  </div>
  <hr>
  <div class='container' style='margin-top: 30px;padding: 20px;'>
    <h1 style='text-align: center;'>智能评测,助您做出正确的决策</h1>
  </div>
  <style>
    .single-promo {
      color: #FFFFFF;
    }

    .common-list li i {
      color: #26A69A;
    }

    .box {
      background: #f5f8fb;
    }
  </style>

{% endblock %}